<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport"
			content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<title>控制器切换</title>
		<link rel="shortcut icon" href="./logo.png">
		<link rel="apple-touch-icon" href="./logo.png" />
		
		<link rel="stylesheet" href="./css/global.css">
		<link rel="stylesheet" href="./css/iconFont/iconfont.css">
		<link rel="stylesheet" href="./css/main.css">
		<link rel="stylesheet" href="./css/mobile.css">
		
		<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="./js/Three/three.min.js"></script>
		<script type="text/javascript" src="./js/Three/DeviceOrientationControls.js"></script>
		<script type="text/javascript" src="./js/Three/OrbitControls.js"></script>
		<script src="./js/Three/StereoEffect.js"></script>
		
		
		<script src="./js/htmlData.js"></script>
		<script src="./js/Toast.js"></script>
		<script src="./js/roomData.js"></script>
		<script src="./js/createRoom.js"></script>
		<script src="./js/app.js"></script>
		<script src="./js/ctrl.js"></script>
		<style type="text/css">
			html,
			body {
				margin: 0;
				height: 100%;
			}

			canvas {
				display: block;
			}

			#DevBtn {
				position: absolute;
				top: 10px;
				right: 10px;
			}
		</style>
	</head>
	<body>
		<!-- <button id="DevBtn"><b>关闭</b>陀螺仪</button> -->
		<div class="mainWrapper">
		
			<iframe src="audio/empty.mp3" allow="autoplay" id="audio" style="display:none"></iframe>
			<audio id="objAudio" autoplay>
				<source src="audio/bg.mp3" type="audio/mp3">
			</audio>
		
			<div id="progress" class="progress">
				<div class="mask"></div>
				<div class="loading">
					<div class="trends"></div>
				</div>
			</div>
		
			<div id='container' style="width:100%;height: 100%;"></div>
		
			<!-- 重点展位弹窗 -->
			<div class="mianSceneContentWrap">
				<div class="mianSceneInsertBox">
					<div class="mianSceneHead">
						<h2></h2>
						<span class="closeMianSceneBtn iconfont icon-guanbi"></span>
					</div>
					<div class="mianSceneContent">
						<p></p>
					</div>
				</div>
			</div>
			<div class="showAllCtrl">
				<i class="iconfont icon-tuichu"></i>
				<span>退出清屏</span>
			</div>
		
			<div class="introductionWrap">
				<div class="introductionInsertBox">
					<div class="introductionHead">
						<h2>广西南宁昆仑关战役博物馆 全景漫游</h2>
						<span class="closeIntroductionBtn iconfont icon-guanbi"></span>
					</div>
					<div class="mainContent">
		
					</div>
				</div>
			</div>
		
			<div class="shareWrapper">
				<div class="insertBox">
					<div class="ShareHead">
						<h2>使用手机扫描二维码, 可进入全景</h2>
						<span class="closeShareBtn iconfont icon-guanbi"></span>
					</div>
					<div class="imgBox">
						<img src="./img/ewm.jpg" alt="分享二维码">
					</div>
				</div>
			</div>
		
			<div class="rightCtrlWrapper">
				<i class="iconfont icon-quanping"></i>
				<i class="iconfont icon-yinle1"></i>
				<i class="iconfont icon-VR"></i>
				<i class="iconfont icon-qingping"></i>
			</div>
		
			<div class="imgNavWrapper">
				<div class="titleCard"></div>
				<ul class="imgNavUl" id="nav">
		
		
				</ul>
			</div>
		
			<div class="mainMenu">
				<i class="iconfont icon-menu-line"></i>
				<p>场景选择</p>
			</div>
			<div class="ctrlWrap">
				<ul>
					<li>
						<i class="iconfont icon-qiyejianjie"></i>
						<p>简介</p>
					</li>
					<li>
						<i class="iconfont icon-weixin"></i>
						<p>分享</p>
					</li>
					<li>
						<i class="iconfont icon-quanjingshijiao"></i>
						<p>旋转</p>
					</li>
					<li id="gyro" >
						<i class="iconfont icon-tuoluoyi"></i>
						<p>陀螺仪</p>
					</li>
				</ul>
			</div>
		</div>
		
	</body>


</html>
